<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="bootstrap-3.4.1-dist/css/bootstrap.css">
	</head>
	<body>
		<input type="submit" value="添加"/>
		<input type="button" value="删除"/>
		<button class="btn btn-primary">（首选项）Primary</button><!-- 蓝色 -->
		<button class="btn btn-danger">Danger</button><!-- 红色 -->
		<a class="btn btn-warning" href="http://www.baidu.com">跳转到百度</a><!-- 黄色 -->
		<span class="glyphicon glyphicon-search" aria-hidden="true"></span><!-- 搜索图标 -->
		<span class="glyphicon glyphicon-user" aria-hidden="true"></span><!-- 用户图标 -->
		<table class="table table-striped table-bordered table-hover table-condensed"><!-- 分别对应横线，条纹，竖线，鼠标放置高亮，表格压缩 -->
			<tr>
				<td>ID</td>
				<td>名字</td>
				<td>年龄</td>
				<td>性别</td>
				<td>编辑</td>
				<td>删除</td>
			</tr>
			<tr>
				<td>1</td>
				<td>张三1</td>
				<td>23</td>
				<td>男</td>
				<td>编辑</td>
				<td>删除</td>
			</tr>
			<tr>
				<td>2</td>
				<td>张三2</td>
				<td>23</td>
				<td>男</td>
				<td>编辑</td>
				<td>删除</td>
			</tr>
			<tr>
				<td>3</td>
				<td>张三3</td>
				<td>23</td>
				<td>男</td>
				<td>编辑</td>
				<td>删除</td>
			</tr>
		</table>
		<nav aria-label="Page navigation"><!-- 分页效果 -->
			<ul class="pagination">
			  <li>
				<a href="#" aria-label="Previous">
				  <span aria-hidden="true">&laquo;</span><!-- 左边箭头 -->
				</a>
			  </li>
				<li><a href="#">1</a></li>
				<li><a href="#">2</a></li>
				<li><a href="#">3</a></li>
				<li><a href="#">4</a></li>
				<li><a href="#">5</a></li>
			  <li>
				<a href="#" aria-label="Next">
				  <span aria-hidden="true">&raquo;</span><!-- 右边箭头 -->
				</a>
			   </li>
			</ul>
		</nav>
	</body>
</html>